<!DOCTYPE html>
<!--学生管理-->
<html>
<head>
    <meta charset="utf-8">
    <title>智慧校园-学生管理</title>
    <!--   Layui的js-->
    <script type="text/javascript"
            th:src="@{/libs/layui/layui.js}"
            charset="utf-8"></script>
    <!--Layui的css-->
    <link rel="stylesheet"
          th:href="@{/libs/layui/css/layui.css}"
          media="all">
    <style>
        .layui-table-cell .layui-form-checkbox[lay-skin="primary"] i .layui-form-checkbox i {
            top: -6%;
            transform: translateY(-50%);
        }
        .layui-table-cell{    height: 39px;
            line-height: 36px;}
    </style>
</head>
<body>

<!--是js获取到项目名称-->
<!--    <div>-->
<!--        <input id="basePath" hidden value="@{pageContext.request.contextPath}"/>-->
<!--    </div>-->
<!--模糊查询-->
<div style="font-size: 15px">
    <form id="dataFrm" method="post" class="layui-form  layui-form-pane" lay-filter="dataFrm">

    <div class="layui-form-item">
        <label class="layui-form-label">姓名</label>
        <div class="layui-input-block">
            <input type="text" id="stuName" name="stuName"
                   style="width: 175px;"  autocomplete="off" placeholder="请输入姓名" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item" >
        <div class="layui-inline">
            <label class="layui-form-label">手机号</label>
            <div class="layui-input-inline">
                <input type="tel" id="mobile" name="mobile"
                       style="width: 175px;"     autocomplete="off" class="layui-input">
            </div>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">性别</label>
        <div class="layui-input-block">
            <select name="sex" id="sex" lay-filter="sex">
                <option value=""></option>
                <option value="F">女生</option>
                <option value="M">男生</option>
            </select>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">年龄</label>
        <div class="layui-input-block">
            <input type="text" id="age" name="age"  autocomplete="off" placeholder="请输入年龄" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">身份证号</label>
        <div class="layui-input-block">
            <input type="text" id="idNum" name="idNum" autocomplete="off" placeholder="请输入身份证号" class="layui-input">
        </div>
    </div>



        <!--查询按钮-->
    <div class="layui-btn-container">
        <button type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="doSearch">搜索</button>
        <button type="reset" class="layui-btn layui-btn-warm">重置</button>
        <!--
                <button type="button" onclick="findStudentInfo()" class="layui-btn layui-btn-normal">查询</button>
        -->
    </div>


        <!-- 导入/导出到 Excel 操作 -->
        <div class="layui-btn-group" style="float: right; height: 60px;">
            <button class="layui-btn layui-btn-sm " type="button" lay-submit lay-filter="export"
                    id="export">
                <i class="layui-icon">&#xe681;</i>导出Excel
            </button>
            <button class="layui-btn layui-btn-sm " type="button" id="import"  >
                <i class="layui-icon">&#xe601;</i>Excel导入
            </button>
        </div>

    </form>





</div>

    <!-- 数据表格开始 -->
<div>
    <!-- 表格 -->
    <table class="layui-hide" id="studentTable" lay-filter="studentTable" style="height:150px" ></table>

    <!-- 头部工具栏 -->
    <script type="text/html" id="studentToolbar">
        <div class="layui-btn-container">

            <button class="layui-btn layui-btn-sm" lay-event="add"><i class="layui-icon layui-icon-add-circle"></i>添加账单</button>
            <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batchDelete" > <i class="layui-icon layui-icon-delete"></i>批量删除</button>

            <button class="layui-btn layui-btn-sm" >获取选中行数据</button>
            <button class="layui-btn layui-btn-sm" >获取选中数目</button>
            <button class="layui-btn layui-btn-sm" >验证是否全选</button>
        </div>
    </script>

    <!-- 行工具栏 -->
    <script type="text/html" id="barDemo">

        <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>   编辑</button>
        <button type="button" class="layui-btn layui-btn-warm layui-btn-radius" lay-event="delete" ><i class="layui-icon layui-icon-delete"></i>删除</button>
    </script>

</div>


<!-- 添加和修改账单的弹出层开始 -->
<div id="addOrUpdateBillDiv" style="display: none;margin: 10px;">
    <form id="dataFrm1" method="post" class="layui-form layui-form-pane " lay-filter="dataFrm1">
        <!-- 隐藏域，保存当前账单的ID -->
        <input type="hidden" name="stuId" id="stuId">

        <div class="layui-form-item">
            <label class="layui-form-label">学生姓名：</label>
            <div class="layui-input-block">
                <input type="text" name="stuName" id="stuNames"  placeholder="请输入标题" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">手机号：</label>
            <div class="layui-input-block">
                <input type="text" name="mobile" id="mobiles" placeholder="请输入标题" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">性别</label>
            <div class="layui-input-block">
                <input type="radio" name="sex" class="sex" value="M" title="男">
                <input type="radio" name="sex" class="sex" value="F" title="女">
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">出生日期：</label>
                <div class="layui-input-block">
                    <input type="text" name="birthday" id="birthday" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>



        <div class="layui-form-item">
            <label class="layui-form-label">身份类型：</label>
            <div class="layui-input-block">
                <select name="idType" id="idTypes" >
                    <option value='' >请选择</option>
                    <option value='01'>身份证</option>
                    <option value='02'>军人证</option>
                    <option value='03'>护照</option>
                    <option value='04'>户口本</option>
                    <option value='05'>外国人永久居留证</option>
                    <option value='06'>武警证</option>
                    <option value='07'>公章</option>
                    <option value='08'>工商营业执照</option>
                    <option value='09'>法人代码证</option>
                    <option value='10'>学生证</option>
                    <option value='11'>士兵证</option>
                    <option value='16'>港澳居民来往内地通行证</option>
                    <option value='17'>台湾居民来往大陆通行证</option>
                    <option value='18'>其他证件类型</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">身份证号</label>
            <div class="layui-input-block">
                  <input type="text" name="idNum" id="idNums" placeholder="请输入标题" autocomplete="off" class="layui-input">
            </div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label">籍贯：</label>
            <div class="layui-input-inline">
                <select name="provinceid" id="provinceid" lay-filter="provinceid">
                    <option value="" checked>请选择省</option>

                </select>
            </div>
            <div class="layui-input-inline">
                <select name="cityid" id="cityid" lay-filter="cityid">
                    <option value="" checked>请选择市</option>

                </select>
            </div>
            <div class="layui-input-inline">
                <select name="areaid" id="areaid" lay-filter="areaid">
                    <option value="" checked>请选择县/区</option>

                </select>
            </div>
            <div class="layui-form-mid layui-word-aux"></div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">详细地址：</label>
            <div class="layui-input-block">
                <input type="text" name="title"  placeholder="请输入标题" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item" style="text-align: center;">
            <button type="button" class="layui-btn" lay-submit lay-filter="doSubmit">确认添加</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </form>
</div>
<!-- 添加和修改账单的弹出层结束-->



    <!--jquery的js-->
<script type="text/javascript"
        th:src="@{/libs/jquery/jquery-3.5.1.js}"></script>
    <!--引入自己的JS代码-->
<script type="text/javascript"
    th:src="@{/js/student/sss.js}"></script>


</body>
</html>
